//头部
.header {
  position: relative;
  display: flex;
  align-items: center;
  height: 64px;
  padding-left: 14px;
  background-color: #fff;
  border-radius: 3px;
}

.id_label {
  margin-left: 14px;
}
.id_label span {
  font-weight: 500;
}
.id_label input {
  width: 192px;
  height: 32px;
  margin-left: 10px;
}
.client_label {
  margin-left: 28px;
}
.client_label input {
  width: 144px;
  height: 32px;
  margin-left: 10px;
}
.status_label {
  margin-left: 28px;
}
.search {
  width: 96px;
  height: 32px;
  margin-left: 48px;
}
//导航
.nav {
  display: flex;
  align-items: center;
  height: 74px;
}
.nav button {
  width: 128px;
  height: 38px;
  margin-left: 28px;
  border-radius: 6px;
}
//main内容

.item {
  height: 120px;
  margin-bottom: 20px;
  background-color: #fff;
  // border: 1px solid black;
}
.top {
  display: flex;
  align-items: center;
  height: 88px;
  border-bottom: 1px solid #f2f2f2;
}
.top_check {
  display: flex;
  flex: 1;
  justify-content: center;
}
.top_img {
  display: flex;
  flex: 2;
  justify-content: center;
}
.top_img div {
  width: 99px;
  height: 60px;
  background-image: url('../../assets/mg.png');
  background-repeat: no-repeat;
  background-size: cover;
}
.top_name {
  flex: 6;
}
.top_price_old {
  display: flex;
  flex: 2;
  flex-direction: column;
  align-items: center;
}
.top_price_old .des {
  color: #04cb00;
}
.top_num {
  display: flex;
  flex: 2;
  flex-direction: column;
  align-items: center;
}
.top_price_now {
  display: flex;
  flex: 2;
  flex-direction: column;
  align-items: center;
}

.top_price_now .des {
  color: #267eff;
}

.top_status {
  display: flex;
  flex: 3;
  align-items: center;
  justify-content: center;
}
.top_status .delivery {
  color: #00c408;
  background-color: #daffd0;
  border: 0;
}
.top_status .cancellation {
  color: #ffa563;
  background-color: #ffeeda;
  border: 0;
}
.top_status .refund {
  color: #ff6363;
  background-color: #ffe4e4;
  border: 0;
}
.top_status .cancel {
  color: #ff6363;
  background-color: #ffe4e4;
  border: 0;
}
.top_status .prepare {
  color: #ffa563;
  background-color: #ffeeda;
  border: 0;
}
.top_look {
  display: flex;
  flex: 3;
  align-items: center;
  justify-content: center;
  color: #267eff;
  cursor: pointer;
}
.bottom {
  display: flex;
  align-items: center;
  height: 30px;
  margin-left: 64px;
  // border: 1px solid black;
}
.bottom p {
  flex: 1;
  margin: 0;
  // line-height: 30px;
}
